<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      th:replace="layout (title='关于我们')">
<div th:fragment="content">
    <div class="m2ban wOpacity wow fadeIn" data-wow-delay="0.0s" th:style="${'background-image:url('+bannerInfo.imgSrc+')'}">
        <div class="m2banTxt">
            <div class="m2ban_t1 wOpacity wow fadeInUp" data-wow-delay="0.2s" th:utext="${bannerInfo.title + '<br />' + bannerInfo.realTitle}"></div>
        </div>
    </div>
    <div class="container wOpacity wow fadeIn" data-wow-delay="0.0s">
        <div class="m2usCon4">
            <div class="m2us_t wOpacity wow fadeIn" data-wow-delay="0.1s" th:text="${articleInfo.title}"></div>
            <div class="m2us_tdes wOpacity wow fadeIn" data-wow-delay="0.2s" th:utext="${articleInfo.content}"></div>
            <ul class="m2usry clearfix wOpacity wow fadeIn" data-wow-delay="0.3s">
                <li class="col-xs-12 col-sm-6 col-md-3" th:each="honor : ${honorList}">
                    <a href="javascript:;" class="m2usry_aBox scaleImg">
                        <div class="overflowHide"><img th:src="${honor.imgSrc}" width="240" height="320"></div>
                    </a>
                    <p th:text="${honor.title}"></p>
                </li>
            </ul>
        </div>
    </div>

    <script>
        $(function () {
            $("#aboutLi").addClass("hover");
        })
    </script>
</div>
</html>